<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>02_新增状态标签</title>
    <style>
        progress {
            width: 50px;
        }
    </style>
</head>
<body>
<span>手机电量：</span>
<!--    max-电量最大值、min-电量最小值、value-当前值、low-状态低于20颜色红色、-->
<!--    high-状态在20到80之间黄色、optimum-这个值在80到100之间所以状态是绿色-->
<meter max="100" min="0" value="50" low="20" high="80" optimum="90"></meter>
<br>
<span>当前进度：</span>
<progress max="100" value="20"></progress>
</body>
</html>